<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<h3>javaScript访问DOM数案例</h3>
		<a href="http://www.taobao.com" target="_blank">淘宝</a>
		<a class="jd" href="http://www.jd.com" target="_blank">京东</a>
		<a name="pdd" href="http://www.pinduoduo.com" target="_blank">拼多多</a>
	    <a id="cgb" href="http://act.codeboy.com" target="_blank">java培优</a>
		<script>
			//谷歌浏览器提供console方式必须f12查看
			//alert('使用js获取页面元素内容');
			console.log(document.getElementsByTagName("a")[0]); //得到页面上所有a元素
			console.log(document.getElementsByTagName("a")[0].innerText);
			console.log(document.getElementsByClassName("jd")[0].innerText);
			console.log(document.getElementsByClassName("jd")[0].href);
			console.log(document.getElementsByName("pdd")[0]);
			console.log(document.getElementsByName("pdd")[0].href);
			//第四种方式:id方式 二这种方式获得就是一个值,无序数组方式
			console.log(document.getElementById("cgb").innerText);
			console.log(document.getElementById("cgb").href);
			//淘宝改成天猫
			// document.getElementsByTagName("a")[0].innerText="百度";
			// document.getElementsByTagName("a")[0].href="http://www.daidu.com";
			var a=document.getElementsByTagName("a")[0];
			a.innerText="百度";
			a.href="http://www.baidu.com";
		</script>
	</body>
</html>
